<template>
   <el-dialog v-model="sortShow" title="设置排序" width="500px">
        <template #default>
            <el-form-item label="排序:" prop="sort">
                <el-input v-model="sort" />
            </el-form-item>
        </template>
        <template #footer>
            <div class="dialog-footer">
                <el-button @click="sortShow">取消</el-button>
                <el-button type="primary" @click="emit('sortAdd', sort, sortid)">
                    确定
                </el-button>
            </div>
        </template>
    </el-dialog>
</template>

<script setup lang="ts">
defineProps(['sort','sortid','sortShow'])
const emit = defineEmits(['sortAdd'])
</script>

<style scoped>
.dialog-footer button:first-child {
    margin-right: 10px;
}



.el-input {
    width: 200px;

}

.el-form-item {
    margin: auto;
}
</style>